<template>
  <div class="selected_items_wrapper">
    <div class="items_title">
      <b><img src="/selectedItems/ion09.png" style="vertical-align: middle;margin-right: 8px;">大牌<font>精选</font></b>
      <span>实力保障创业无忧</span>
    </div>
    <swiper-option :list="advise" class="slide_wrapper" />
  </div>
</template>
<script>
import SwiperOption from '~/components/common/SwiperOption'

export default {
  name: 'SelectedItems',
  components: {
    SwiperOption
  },
  props: {
    advise: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {
      list: [
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '愉灸堂筋骨养护', mark: '筋骨养护 诚邀加盟', url: 'www.baidu.com', img: require('../../static/selectedItems/2.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') },
        { title: '卤三国卤味小吃', mark: '三国卤味店 街头忙翻', url: 'www.baidu.com', img: require('../../static/selectedItems/1.jpg') }
      ]
    }
  }
}
</script>
<style lang="scss" scoped>
.selected_items_wrapper {
  display: block;
  width: 100%;
  background-color: #fff;
  margin-top: 10px;
}

.items_title {
  height: 48px;
  border-bottom: 1px solid #f2f2f2;
  line-height: 48px;
  span{
    color: #a3a3a3;
    font-size: 12px;
    margin-left: 10px;
    position: relative;
    top: -3px;
  }
}
.items_title b {
  color: #39393a;
  font-size: 20px;
  margin-left: 15px;
}
.items_title b font{
  color: #f13f3f;
}

.slide_wrapper{
  width: 100%;
  height: 110px;
  position: relative;
  min-width: 990px;
}
</style>
